<template>
	<div id="goodslist">
		<div id="">
			<!--  获取商品的图片-->
			<img :src="goodsItem.show.img" @click="itemClick()">
			<div id="">
				<!-- 获取商品的标题 -->
				<p>{{goodsItem.title}}</p>
				<!-- 获取商品的价格 -->
				<span class="price">{{goodsItem.price}}</span>
				<!-- 获取商品的收藏数量 -->
				<span class="collect">{{goodsItem.cfav}}</span>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		name:'GoodsList',
		props:{
			goodsItem:{
				tyep:Object,
				default(){
					return {}
				}
			}
		},
		methods:{
			imgLoad(){
				this.$bus.$emit('itemImgLoad')
			},
			itemClick(){
				this.$router.push('/detail')
			}
		}
	}
</script>

<style scoped>
</style>
